<!--
  Generated template for the PayCashDepositPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar class='header'>
    <ion-title>缴纳保证金</ion-title>
  </ion-navbar>

</ion-header>


<ion-content padding>
  <div *ngIf='isHasyouhuijuan'>
    <div class="youhuijuan-img" text-center>
      <img src="./assets/img/youhuijuanlingqu@2x.png" *ngIf='isValid' alt="1000优惠券">
      <img src="./assets/img/youhuijuanyishixiao@2x.png" *ngIf='!isValid' alt="优惠券已失效">
    </div>


    <ion-card class="youhuijuan-content">

      <ion-card-header class='title'>
        使用须知
      </ion-card-header>

      <ion-card-content>
        <p>· 此劵仅限于缴纳保证金</p>
        <p>· 使用此优惠券开通的店铺注销后不退还保证金</p>
        <div text-center style='width:100%;'>
          <button (click)='useyouhuijuan()' *ngIf='isValid' class="youhuijuanBtn">立即使用</button>
          <button  *ngIf='!isValid' class="youhuijuanBtn" style='background:#ddd'>已过期</button>
        </div>
      </ion-card-content>

    </ion-card>
  </div>
  <div *ngIf='!isHasyouhuijuan' text-cetner>
    <img src="./assets/img/youhuijuanweikong@2x.png" style='margin-top:1rem' alt="">
    <h5 text-center>没有可用的优惠券</h5>
  </div>

</ion-content>
